<div class = "login-container">
    <script>
        $('.login-container').width(window.screen.width);
        $('.login-container').height(document.body.clientHeight);
    </script>
    <div class = "login-bg-opac"></div>
    <div style = 'position: absolute;right:10%;top:50%;margin-top:-120px;width:300px;height:240px;'>
        <form class = "ui form">
            <div class = "field">
                <label class = "white">账号</label>
                <input type = "text" name = "first-name" placeholder = "账号" ng-model = "user.userName">
            </div>
            <div class = "field">
                <label class = "white">密码</label>
                <input type = "password" name = "last-name" placeholder = '密码' ng-model = "user.pwd">
            </div>
            <div class = "field">
                <div class = "ui checkbox rememberPwd checked">
                    <input type = "checkbox" name = "rememberPwd" ng-checked = "rememberPwd">
                    <label class = "white">
                        为我记住密码
                    </label>
                </div>
            </div>
            <button class = "ui red button" ng-click = "login()">登录</button>
            <button class = "ui button" ng-click = "clear()">清空</button>
        </form>
        <p class = "red mt10" ng-show = "errInfo" ng-bind = "errInfo"></p>
    </div>
    <div class = "header" style = "position: absolute;left:10%;top:0px;height:80px;width:80%;color:#fff;border-bottom: 1px solid #fff;">
        <span class = "fl ml20 bounce" style = "font-size:30px;margin-top:25px;">
            趋数BI,让大数据大有不同!
        </span>
        <ul class = "fr mt50">
            <li class = "fr">
                <a href = "http://bi.trenddata.cn/trend-new-BI/qushubi.pdf" target = "_blank" style = "color:#fff;">使用教程</a>
            </li>
        </ul>
    </div>
</div>